<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>李荣鹏2215220334的黑店</title>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
</head>

<body>
  <header class="head clearfix">
    <div class="main "><b class="logo"><img src="images/logo.png" width="220"></b> <span class="fr">
        <p id="menuAppend">
			<a href="index.html">主页</a> <a href="list.html">所有书籍</a> 
        </p>
      </span>



      <div class="clearfix"></div>
    </div>
  </header>
  <section class="main clearfix">

    <div class="banner">

      <div id="banner" class="banner wrapin">

        <ul id="b_pic">

          <li style="display: block;"><img src="images/1.jpg"></li>

          <li><img src="images/2.png"></li>

          <li><img src="images/3.png"></li>
          <li><img src="images/5.png"></li>



        </ul>

        <ul id="b_an">

          <li></li>

          <li></li>

          <li></li>

          <li></li>


        </ul>

      </div>

      <script src="./js/js.js"></script>

    </div>
    <div class="div7 bg000 clearfix">
      <div class="bar">
        <h3>热销书籍</h3>
      </div>
      <div class="">
        <ul class="imgtextlist">
          <a href="info.html">
            <li><img src="images/a1.jpg">
              <p>朝鲜战争内幕全公开</p>
              <h4>￥60.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/a2.jpg">
              <p>出兵朝鲜真相</p>
              <h4>￥80.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/a3.jpg">
              <p>元帅大将的最后岁月</p>
              <h4>￥50.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/a4.jpg">
              <p>三大战役全纪录</p>
              <h4>￥99.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/a5.jpg">
              <p>博弈论</p>
              <h4>￥60.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/a6.jpg">
              <p>罗尔德·达尔作品典藏</p>
              <h4>￥99.00</h4>
            </li>
          </a>
        </ul>
      </div>
    </div>
    <div class="div7 bg000 clearfix">
      <div class="bar">
        <h3>艺术类书籍</h3>
      </div>
      <div class="">
        <ul class="imgtextlist">
          <a href="info.html">
            <li><img src="images/b1.jpg">
              <p>华夏万卷硬笔</p>
              <h4>￥59.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/b2.jpg">
              <p>华夏万卷硬笔书法练习</p>
              <h4>￥81.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/b3.jpg">
              <p>日常拍出幸福感</p>
              <h4>￥209.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/b4.jpg">
              <p>孩子们的哈农</p>
              <h4>￥28.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/b5.jpg">
              <p>约翰·汤普森简易钢琴教程</p>
              <h4>￥119.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/b6.jpg">
              <p>钢琴教程</p>
              <h4>￥15.00</h4>
            </li>
          </a>
        </ul>
      </div>
    </div>

    <div class="div7 bg000 clearfix">
      <div class="bar">
        <h3>小说与文学</h3>
      </div>
      <div class="">
        <ul class="imgtextlist">
          <a href="info.html">
            <li><img src="images/c1.jpg">
              <p>克拉拉与太阳</p>
              <h4>￥29.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/c2.jpg">
              <p>破云</p>
              <h4>￥55.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/c3.jpg">
              <p>破云</p>
              <h4>￥24.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/c4.jpg">
              <p>东野圭吾·沉默的巡游</p>
              <h4>￥77.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/c5.jpg">
              <p>笑场</p>
              <h4>￥59.00</h4>
            </li>
          </a>
          <a href="info.html">
            <li><img src="images/c6.jpg">
              <p>红楼梦</p>
              <h4>￥28.00</h4>
            </li>
          </a>
        </ul>
      </div>
    </div>
  </section>
  <footer> 李荣鹏2215220334的黑店<p id="abc"></p> </footer>
</body>

</html>
<script src="./js/time.js"></script>
<script src="js/menu.js"></script>